/* Field */
/* 边框 */
.pure-field-border-top {
    --pure-field-border-top-width: 1px;
}

.pure-field-border-bottom {
    --pure-field-border-bottom-width: 1px;
}

/* 必填符号位置 */
.pure-field-required-left {
    --pure-field-required-order: 0;
}

.pure-field-required-middle {
    --pure-field-required-order: 4;
}

.pure-field-required-right {
    --pure-field-required-order: 8;
}

/* 必填符号垂直对齐方式 */
.pure-field-required-top {
    --pure-field-required-align-self: flex-start;
}

.pure-field-required-center {
    --pure-field-required-align-self: center;
}

.pure-field-required-bottom {
    --pure-field-required-align-self: flex-end;
}

/* 必填符号文字大小 */
.pure-field-required-smaller {
    --pure-field-required-font-size: var(--pure-font-size-smaller);
}

.pure-field-required-mini {
    --pure-field-required-font-size: var(--pure-font-size-mini);
}

/* 主内容和提示内容文本对齐方式 */
.pure-field-text-align-left {
    --pure-field-content-text-align: left;
    --pure-field-tips-text-align: left;
}

.pure-field-text-align-center {
    --pure-field-content-text-align: center;
    --pure-field-tips-text-align: center;
}

.pure-field-text-align-right {
    --pure-field-content-text-align: right;
    --pure-field-tips-text-align: right;
}

/* 主内容单独的文本对齐方式 */
.pure-field-content-text-align-left {
    --pure-field-content-text-align: left;
}

.pure-field-content-text-align-center {
    --pure-field-content-text-align: center;
}

.pure-field-content-text-align-right {
    --pure-field-content-text-align: right;
}

/* 提示内容单独的文本对齐方式 */
.pure-field-tips-text-align-left {
    --pure-field-tips-text-align: left;
}

.pure-field-tips-text-align-center {
    --pure-field-tips-text-align: center;
}

.pure-field-tips-text-align-right {
    --pure-field-tips-text-align: right;
}

/* 提示贴边 */
.pure-field-tips-edge {
    --pure-field-element-placeholder-left-display: none;
    --pure-field-element-placeholder-right-display: none;
    --pure-field-element-placeholder-display: none;
}

/* 垂直布局 */
.pure-field-vertical {
    --pure-field-flex-direction: column;
    --pure-field-align-items: stretch;
    --pure-field-element-placeholder-left-display: none;
}

/* 内容整体顶对齐 */
.pure-filed-align-top {
    --pure-field-align-items: flex-start;
    --pure-field-right-align-items: flex-start;
}

/* 内容整体底对齐 */
.pure-filed-align-bottom {
    --pure-field-align-items: flex-end;
    --pure-field-right-align-items: flex-end;
}

/* 只让左侧内容顶对齐 */
.pure-filed-align-left-top {
    --pure-field-left-align-self: flex-start;
}

/* 只让左侧内容底对齐 */
.pure-filed-align-left-bottom {
    --pure-field-left-align-self: flex-end;
}